<%
    def lat2 = r.get("coords").split(",")[0]
    def long2 = r.get("coords").split(",")[1]
    def banderaAzul = "<span style='float:right'><img src='${g.resource(dir: 'images', file: 'bandera-azul.png?b')}'/></span>"
    def accesible = "<span style='float:right'><img src='${g.resource(dir: 'images', file: 'accesible.jpg?a')}'/></span>"
    def cruzroja = "<span style='float:right'><img src='${g.resource(dir: 'images', file: 'cruz-roja.jpg?a')}'/></span>"
%>
<div>
    <div class="toolbar">
        <h1>${r.get("nombre")}</h1>
        <a href="#" class="back">Volver</a>
    </div>
    <div class="info2">
        <beach:showService doc="${r}" value="banderaAzul" name="${banderaAzul}" noBr="true"/>
        <beach:showService doc="${r}" value="puestoCruzRoja" name="${cruzroja}" noBr="true"/>
        <beach:showService doc="${r}" value="accesosMinusvalidos" name="${accesible}" noBr="true"/>
        <h1 style="margin-bottom:15px;font-weight:normal"><strong>${r.get("nombre")}</strong>
        <br/>
        <beach:showLocation doc="${r}"/>
        <g:if test="${params.positionLat?.isDouble() && params.positionLong?.isDouble()}">
            <br/><geo:distancia lat1="${params.positionLat}"
                long1="${params.positionLong}"
                lat2="${lat2}"
                long2="${long2}"/>
        </g:if>
    </h1>
        <hr/>
        <br/>

        <%-- Estamos en ${params.positionLat}, ${params.positionLong} --%>


        <beach:showText doc="${r}" value="composicion" name="Tipo de arena"/>
        <beach:showText doc="${r}" value="carretera" name="Se llega por"/>
        <beach:showText doc="${r}" value="aparcamiento" name="Aparcamiento"/>
        <beach:showText doc="${r}" value="tipoAcceso" name="Tipo de acceso"/>
        <beach:showText doc="${r}" value="longPlaya" name="Longitud de la playa"/>
        <beach:showText doc="${r}" value="paseoMaritimo" name="Paseo marítimo"/>
        <beach:showText doc="${r}" value="puerto" name="Puerto"/>

        <ul class="rounded">
            <li class="forward"><a target="_blank" href="http://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=${r.get("coords")}">Ver en Google Maps</a></li>
        </ul>

        <beach:showService doc="${r}" value="puestoCruzRoja" name="Puesto de Cruz Roja" noName="Sin puesto de Cruz Roja"/>
        <beach:showService doc="${r}" value="equpoSalvemento" name="Salvavidas / Guardacostas"/>
        <beach:showService doc="${r}" value="aseos" name="Con aseos"/>
        <beach:showService doc="${r}" value="duchas" name="Con duchas"/>
        <beach:showService doc="${r}" value="papeleras" name="Con papeleras"/>
        <beach:showService doc="${r}" value="accesosMinusvalidos" name="Accesible para minusválidos"/>
        <beach:showService doc="${r}" value="nudista" name="Es una playa nudista"/>
        <beach:showService doc="${r}" value="zonaProtegida" name="Playa protegida"/>
        <beach:showService doc="${r}" value="servicioLimpieza" name="Cuidado y limpieza de la playa"/>
        <beach:showService doc="${r}" value="alquilerSombrilla" name="Puestos de alquiler de sombrillas"/>
        <beach:showService doc="${r}" value="alquilerHamacas" name="Se alquilan hamacas"/>
        <beach:showService doc="${r}" value="zonaSubmarinismo" name="Zona para submarinismo"/>
        <beach:showService doc="${r}" value="alquilerNauticos" name="Posibilidad de alquilar embarcaciones"/>
        <beach:showService doc="${r}" value="clubNautico" name="Club Nautico junto a la playa"/>
        <beach:showService doc="${r}" value="zonaFonde" name="Zona de fondeo para embarcaciones"/>
        <beach:showService doc="${r}" value="equipoVigiliancia" name="Vigilancia en la propia playa"/>
        <beach:showService doc="${r}" value="policiaLocal" name="Puesto de policía cercano"/>
        <beach:showService doc="${r}" value="senalizacionAccesos" name="Con señalización de los accesos"/>
        <beach:showService doc="${r}" value="senalizacionPeligro" name="Señalización de los peligros a los bañistas"/>
    </div>
</div>